iT邦幫忙

2023 iThome 鐵人賽

DAY 29
0
自我挑戰組

ChatGPT應用指南---30天學習之旅系列 第 29

Day29 - ChatGPT串接LineBot - 實作(Part3)

  • 分享至 

  • xImage
  •  

今天要將LINE、GitHub、ChatGPT 和 Vercel 都連接在一起。


  • 步驟:
  1. 在Google搜尋Vercel網站:https://vercel.com/ 。
  2. 點右上【Sign Up】註冊帳號。
    https://ithelp.ithome.com.tw/upload/images/20231014/201628109Rlf8qTTRq.png
  3. 選Hobby,輸入名字,按【Continue】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810t21Yblj4Iq.png
  4. 點【Continue with GitHub】,接著會要進行身分驗證。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810PEQe8AsK3n.png
  5. 註冊完進入頁面之後,就可以看到已經有我們GitHub的內容了,點【Import】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810jPzpSPc737.png
  6. 在"Environment Variables"的"Key"欄位輸入"OPENAI_API_KEY",並將之前建立的API key複製貼到"Value"欄位裡,點【Add】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810UlzYA3V9yC.png
  7. 到LINE Developers -> Messaging API -> Channel access token。點【Issue】,然後複製起來。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810CCuZqzMupW.png
  8. 在"Environment Variables"的"Key"欄位輸入"LINE_CHANNEL_ACCESS_TOKEN",將剛才複製的貼上到"Value"欄位,再點【Add】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810h4ZnyTKj2d.png
  9. 到LINE Developers -> Basic settings -> Channel secret,複製。
  10. 在"Environment Variables"的"Key"欄位輸入"LINE_CHANNEL_SECRET",將剛才複製的貼上到"Value"欄位,再點【Add】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810FEM2DYFtIU.png
  11. 點【Deploy】。
  12. 建置完成啦~ 點右上角的【Continue to Dashboard】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810AoFRvkbL0L.png
  13. 點進"gpt-ai-assistant。"
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810B6b1TGFAcT.png
  14. 點Domains底下那一行,把網址複製起來。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810SUv9Ujjjoq.png
  15. 回到LINE Developers -> Messaging API -> Webhook URL,點【Edit】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810QgpL8fhVJF.png
  16. 貼上網址,網址後面還要加上"webhook",點【Update】,點【Verify】。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810P9smCnkcLx.png
  17. 驗證成功後,在"LINE Official Account features"的地方按【Edit】,把選項開關設定成下面這樣。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810gmmOpDZ8wp.png
  18. 掃描QR code後,就能加入好友了並能成功使用了。
    https://ithelp.ithome.com.tw/upload/images/20231014/20162810mbw77ofbzQ.png

這樣就完成將ChatGPT串連到LineBot了!


Day26-ChatGPT串接LineBot-前言
Day27-ChatGPT串接LineBot-實作(Part1)
Day28-ChatGPT串接LineBot-實作(Part2)


上一篇
Day28 - ChatGPT串接LineBot - 實作(Part2)
下一篇
Day30 - 『ChatGPT應用指南---30天學習之旅』 - 結語
系列文
ChatGPT應用指南---30天學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言